<!DOCTYPE html>
<html>
	<head>
		<title>主播招募</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="./css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/style.css?v=201701061354" >	
		<link rel="stylesheet" href="css/anchor_recruit.css?v=20170113" />
	</head>
	<body>		
		
		<div class="hs-wrapper">
			<div class="wrapper">
				<header>
					<div class="container">
						<div class="col-lg-6 col-md-6 col-xs-6">
							<a href="index.html" class="col-lg-3 col-md-3 col-xs-3">首页</a>
							<a href="javascript:void(0);" class="col-lg-9 col-md-9 col-xs-9"></a>
							
						</div>
						<div class="col-lg-6 col-md-6 col-xs-6 right-header">
							<a href="javascript:void(0);" class="col-lg-6 col-md-6 col-xs-6"></a>							
							<a href="anchor_list.html" class="col-lg-3 col-md-3 col-xs-3">签约主播</a>
							<a href="anchor_recruit.html" class="active  col-lg-3 col-md-3 col-xs-3">主播招募</a>
						</div>
					</div>
				</header>
				<div class="banner part1">
					<div class="part1-bg col-lg-12 col-md-12 col-xs-12">
						<img src="./images/anchor/part1_bg.png" class="img-responsive" >
					</div>	
					<div class="container">											
						<div class="logo">					
							<a href="index.html" class="huashe-logo"></a>
						</div>
						<a href="#" class="zhubo-account">
							<p class="zhubo-num">12,863人</p>
							<p>签约主播</p>
						</a>	
					</div>
									
				</div>
				<div class="part2">
					<div class="container">
						<div class="row recruit-demand">
							<h3 class="part2-title"><i >招募要求</i></h3>
							<div class="part2-content">
								<div class="recruit-demand-top col-lg-12 col-md-12 col-xs-12">
									<p class="first-line"><em>“才艺”</em>拥有者</p>
									<p class="second-line"><em>性别</em>不是问题</p>
									<p class="third-line"><em>年龄</em>不是差距</p>
								</div>
								<div class="recruit-demand-bottom col-lg-12 col-md-12 col-xs-12">
									<div class="demand-inner">
										<a href="#sign-contract" class="to-form">
											<i class="recruit-icon"></i>主播签约服务
										</a>
										<div class="weixin-code">
											<span>扫码快速加入我们</span><img src="images/recruit/code_small.png"/>
										</div>
									</div>
								</div>
								<div class="table-class col-lg-12 col-md-12 col-xs-12">
									<table border="" cellspacing="" cellpadding="" class="service-table">
										<tr>
											<th>课程名称</th>
											<th>课程内容</th>
											<th>操作人</th>
										</tr>
										<tr>
											<td>声乐基础课</td>
											<td>直播演唱时气息的控制，口腔的开化及歌曲调值的调试</td>
											<td>经纪人</td>
										</tr>
										<tr>
											<td>肢体舞蹈课</td>
											<td>直播时肢体动作的展示及演唱歌曲是动作的编排及展示</td>
											<td>经纪人</td>
										</tr>
										<tr>
											<td>化妆造型课</td>
											<td>直播时的妆容及造型的整体把控和直播间背景的配合</td>
											<td>经纪人</td>
										</tr>
										<tr>
											<td>台风演绎课</td>
											<td>直播时整场的把控及所有才艺综合的演绎</td>
											<td>经纪人</td>
										</tr>
										<tr>
											<td>表演课</td>
											<td>直播时表情表演、眼神交流、节奏的把控、语言的总结、语速语气等</td>
											<td>经纪人</td>
										</tr>
										<tr>
											<td>股东维护课</td>
											<td>直播后的股东维护及沟通，确保股东可以保持比较强力的经济消费</td>
											<td>经纪人</td>
										</tr>
										<tr>
											<td>心理沟通课</td>
											<td>主播心理变化的把控及问题的疏导</td>
											<td>经纪人</td>
										</tr>
									</table>
								</div>
								
							</div>			
						</div>
						
						<div class="row sign-contract">
							<h3 class="part2-title"><i>签约服务</i></h3>
							<div class="part2-content flex">
								<form action="" class="col-lg-12 col-md-12 col-xs-12">
									<div class="form-div col-lg-12 col-md-12 col-xs-12">									
										<div class="left-item base-info col-lg-7 col-md-8 col-xs-7">
											<div class="form-item city">
												<label for="city" ></label><input type="text" name="city" placeholder="选择城市" readonly="readonly"/>
												<div class="form-item-list">
													<div class="list-item">深圳</div>
													<div class="list-item">武汉</div>
												</div>											
											</div>
											<div class="form-item username">
												<label for="username"></label><input type="text" name="username" placeholder="真实姓名"/>
											</div>
											<div class="form-item sex">
												<label for="sex"></label><input type="text" name="sex" placeholder="选择性别" readonly="readonly"/>
												<div class="form-item-list">
													<div class="list-item">男</div>
													<div class="list-item">女</div>
												</div>												
											</div>
											<div class="form-item tel">
												<label for="tel"></label><input type="text" name="tel" placeholder="联系方式"/>
											</div>
										</div>
										<div class="right-item img-info col-lg-4 col-md-3 col-xs-4">
											<input type="file" name="applyer-img" id="applyer-img" class="applyer-img" value="" />
											<div class="upload-img">											
												<div class="upload-tip">
													<span id="">
														上传图片
													</span>
												</div>
											</div>
											<p>请上传300*380像素的图片</p>
										</div>
										
									
									</div>
									<div class="submit-div">
										<input type="submit" name="" id="" value="确认提交" />
									</div>
								</form>
							</div>
							
						</div>
					</div>
				</div>
				<div class="triangle"></div>
				<div class="footer">					
									
						<div class="container footer-inner">
							<div class="left-item footer-item footer-img-item col-lg-3 col-md-3 col-xs-3">	
								<img src="images/footer_logo.png" class="img-responsive">
							</div>
							<div class="left-item contact-info col-lg-7 col-md-7 col-xs-7">
								<p><span>咨询电话：</span>028-87049366</p>
								<p><span>QQ:</span>1466105383</p>
								<p><span>地址：</span>四川省成都市武侯区领事馆路保利中心D座</p>
							</div>
							<div class="right-item weixin-info col-lg-2 col-md-2 col-xs-2">
								<div class="weixin-code">
									<img src="images/weixin_code.png" class="img-responsive"/>
								</div>
								<p>关注微信公众平台</p>
							</div>
						</div>						
					
				</div>			
			</div>
		</div>
		<script src="./js/jquery.min.js"></script>
	   	<script src="./js/bootstrap.min.js"></script>
	   	
	   	<script type="text/javascript">
			//form 下拉框			
			$(".form-item input").click(function(){
				var next = $(this).next();
				var flag = next.hasClass("form-item-list");
				if(flag){
					if(next.css("display") == "none"){					
						next.show().parent().siblings().find(".form-item-list").hide();					
					}else{						
						next.hide();
					}	
				}else{
					$(".form-item-list").hide();
				}				
							
			});
			
			$(".list-item").click(function(){
				$(this).parent().siblings("input").val($(this).text());
				$(this).parent().hide();
			});			
			
		</script>
	</body>
</html>
